<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="css/elementUI.css">
    <!-- 引入组件库 -->
    <script src="js/elementUI.js"></script>
</head>
<body>
    <div id="app">
       <div style="width: 1200px;margin: 0 auto;">
           <el-carousel indicator-position="outside">
               <el-carousel-item v-for="item in 6" :key="item">
                   <h3>
                       <img :src="'imgs/banner'+item+'.jpg'"/>
                   </h3>
               </el-carousel-item>
           </el-carousel>
       </div>
    </div>
    <script>
        new Vue({
            el:"#app",
            data() {
                return {
                    key: value
                }
            },
        })
    </script>
</body>
</html>
